<template>
    <div>
        <h3>列表渲染</h3>
        <p v-for="name in names" :key="name">{{ name }} </p>
        <div v-for="(o, idx) in obj" :key="o.title">
            <p>{{ idx }} : {{ o.title }} : {{ o.desc }}</p>
        </div>
        <p v-for="(value, key, index) of user" :key="key">{{ index }} - {{ key }} - {{ value }}</p>
    </div>
</template>

<script>
export default {
    data () {
        return {
            names: ["a", "b", "c"],
            obj: [
                {
                    title: "aa",
                    desc: "aaaaaaaaaaa"
                },
                {
                    title: "bb",
                    desc: "bbbbbbbbbbb"
                },
                {
                    title: "cc",
                    desc: "cccccccccc"
                }
            ],
            user: {
                name: "evan",
                age: 20,
                sex: "male"
            }
        }
    }
}
</script>

<style lang="scss" scoped>

</style>